<!DOCTYPE html>
<html lang="en">
<head>
    <title>jQuery对象转换成DOM对象</title>
    <script src="C:\Users\Administrator\Desktop\demo\js\jquery-3.6.0.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            var $jQueryObj = $("#idea");
            alert("使用jQuery方法获取第一个p节点的内容：" + $jQueryObj.html());
            var $jQueryObj1 = $("#dea2");
            alert("使用jQuery方法获取第二个p节点的内容：" + $jQueryObj1.html());
            var domObj = $jQueryObj[0];
            alert("使用DOM方法获取第一个p节点的内容：" + domObj.innerHTML);
            var domObj1 = $jQueryObj1.get(0);
            alert("使用DOM方法获取第二个p节点的内容：" + domObj1.innerHTML);
        })
    </script>
</head>
<body>
    <h2>美肤堂经营理念</h2>
    <p id="idea">在消费者心中树立起健康良好的品牌形象</p>
    <p id="dea2">美肤堂产品，值得信赖</p>
    
</body>
</html>